<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<script>
			//hhl324 一定要去问需求人员 
			// a-zA-Z_  等价  \w
			//hhl324            @       163      .  com .cn   .org 
			//一串英文、数字、下划线	@	一串英文、数字	 . 	一串英文   .需要转义
			//\w+              @   [a-z0-9]+    (\. [a-z]+)+
			//\w+@[a-z0-9]+\.[a-z]+
			window.onload=function(){
				var txt1 = document.getElementById('txt1');
				var btn1 = document.getElementById('btn1');
				
				btn1.onclick=function(){
					//var re=/^\w+@[a-z0-9]+\.[a-z]+$/i;
					//var re=/^\w+@[a-z0-9]+(\.[a-z]+)+$/i;
					var re=/^\w{3,15}@[a-z0-9]+(\.[a-z]+)+$/i;
					//var re=/^\w+@[a-z0-9]+(\.[a-z]+)+$/i;
					
					//test 用来检测字符串是否符合正则表达式的规则
					//test的特性：只要字符串的一部分符合要求就行 就可以返回true
					//^匹配你要用来查找的字符串的开头，$匹配结尾  
					//行首^  出现在方括号中表示排除 不 非   不出现在方括号中表示行首。即字符串以什么开头
					//从字符串的开头到字符串的结尾中间只能出现这个。其他的不行
					if(re.test(txt1.value)){
						alert('合法的邮箱...');
					}else{
						alert('写错啦...');
					}
				}
			}
			
		</script>
	</head>
	<body>
		
		<input type="text"  id="txt1" value="hhl324@163.com"/>
		<input type="button"  value="校验" id="btn1"/>
	</body>
</html>
